<template>
  <div id="basic-manage" ref="basicManagement" class="basic-manage">
    <timePicker @timeChange="timeChangeFn" />
    <!-- 左侧边栏 -->
    <div class="left-module" >
      <div v-show="isShow" class="dialogCharts" :style="dialogChartsStyle">
          <div
              v-if="activeAjdbIndex==1"
              id="dia-box"
              key="dia"
              style="width: 300px; height: 200px;left: -10px;"
            ></div>
            <div
              v-if="activeAjdbIndex==2"
              id="jndj-box"
              key="jndj"
              style="width: 300px; height: 200px;left: -10px;"
            ></div>
        </div>
      <!-- 人员概况 -->
      <div class="person-overview" > 
        <div class="lm-top person-general-situation-title"></div>
        <div class="po-center" >
          <div class="po-center-item"   >
              
            专卖人员总数（人）
            <span  @mouseenter="isDia('dia-box',1)"
                @mouseleave="isShow = false">
              <CountTo
             
                style="color: #44efff; font-size: 21px; font-weight: 700;"
                :startVal="startVal"
                :endVal="personOverviewData.totalNum"
                :duration="duration"
              />
            </span>
            <!-- 人 -->
          </div>
          <div class="po-center-detail-item title-margin">
            <er-effect
              v-for="(item, index) in personOverviewData.list.slice(0, 2)"
              :key="index + 'effect'"
              :ereData="item"
              :src="item.src"
              :isIcon="personOverviewData.isIcon"
              :iconStyle="{
                'margin-left': '10px',
                display: 'flex',
                'align-items': 'end',
              }"
            ></er-effect>
          </div>
          <div class="po-center-detail-item">
            <er-effect
              v-for="(item, index) in personOverviewData.list.slice(2, 4)"
              :key="index + 'effect'"
              :ereData="item"
              :isIcon="personOverviewData.isIcon"
              :iconStyle="{
                'margin-left': '20px',
                display: 'flex',
                'align-items': 'end',
              }"
            ></er-effect>
          </div>

          <div class="po-center-detail-item">
            <er-effect
              v-for="(item, index) in personOverviewData.list.slice(4, 6)"
              :key="index + 'effect'"
              :ereData="item"
              :isIcon="personOverviewData.isIcon"
              :iconStyle="{
                'margin-left': '10px',
                display: 'flex',
                'align-items': 'end',
              }"
            ></er-effect>
          </div>

          <div class="po-center-detail-item">
            <er-effect
              v-for="(item, index) in personOverviewData.list.slice(6, 8)"
              :key="index + 'effect'"
              :ereData="item"
              :isIcon="personOverviewData.isIcon"
              :iconStyle="{
                'margin-left': '10px',
                display: 'flex',
                'align-items': 'end',
              }"
            ></er-effect>
          </div>
        </div>
      </div>
      <!-- 技能等级 -->
      <div class="skill-level">
        <div class="lm-top skill-level-title"></div>
        <div class="skill-level-main">
          <skill-level-eacht
            textLineOneStyle="color: #42c7de;font-size: 20px;font-weight: 600; top:72px; left:76px"
            ref="skillEchart"
            :method="isDia"
            :eachtData="skillLevelData"
          ></skill-level-eacht>
        </div>
      </div>
      <!-- 学历情况 -->
      <div class="education">
        <div class="lm-top education-situation-title"></div>
        <div class="education-main">
          <div class="po-center-detail-item">
            <er-effect
              v-for="(item, index) in educationData.slice(0, 2)"
              :key="index + 'effect'"
              :ereData="item"
              :isIcon="true"
              :src="item.src"
              :iconStyle="{ 'margin-left': '10px', display: 'flex' }"
              :totalStyle="totalStyle"
              :titleStyle="titleStyle"
              :isShowImg="false"
            />
          </div>
          <div class="po-center-detail-item">
            <er-effect
              v-for="(item, index) in educationData.slice(2, 4)"
              :key="index + 'effect'"
              :ereData="item"
              :isIcon="true"
              :iconStyle="{ 'margin-left': '10px', display: 'flex' }"
              :totalStyle="totalStyle"
              :titleStyle="titleStyle"
              :isShowImg="false"
            />
          </div>
        </div>
      </div>
    </div>

    <!--中间 -->
    <div class="center-module">
      <!-- 地图 -->
      <div class="map-style">
        <custom-list 
          v-if="titleMap.level==1" 
          position="left" 
          :title="listTitle2" 
          :columns="listColumns2" 
          :items="listItems2"
         />
        <custom-list 
          v-if="titleMap.level==1" 
          position="right" 
          :title="listTitle" 
          :columns="listColumns" 
          :items="listItems" 
        />
        <div class="dflex width100per">
          <div class="maptableft">
            <div class="centitlebg">
              <span
                style="margin-left: 10px"
                v-for="(item, index) in clickArea"
                :key="item"
              >
                <!-- <img src="../../assets/common-new/back.png" alt="" /> -->
                <div class="prov" @click="mapBack(index)">
                  {{ item }}
                  <span v-if="index != clickArea.length - 1"> / </span>
                </div>
              </span>
            </div>
          </div>
        </div>
        <!-- <div class="timebg">
          {{ nowTime }}
        </div> -->
        <anhui-map
          :zoom="1.18"
          mapTop="top"
          :layoutCenter="['50%', '48%']"
          :data="data"
          :formatterCustom="formatterCustom"
        ></anhui-map>
      </div>

      <!-- 荣誉成果列表 -->
      <div class="honor">
        <div class="lm-top honor-result"></div>
        <div class="honor-main">
          <div
            class="width100per dflex justifybetween fontsize14 whitecolor fontweight bgtitlexsqka"
          >
            <!-- <div class="width60px txtcenter">序号    </div>
                <div class="width120px txtleft" >获奖单位/人  </div>
                <div class="width220px txtleft" >发证单位</div>
                <div class="partflex txtcenter" > 奖项名称</div> -->
            <div class="width150px txtcenter">获奖单位</div>
            <div class="width150px txtcenter">荣誉等级</div>
            <div class="partflex txtleft">荣誉称号</div>

            <div class="width150px txtcenter">获奖集体/个人</div>
            <div class="width60px txtcenter">颁发时间</div>
          </div>
          <div class="width100per">
            <vue-seamless-scroll
              class="ulhonor"
              :data="datahonor"
              :class-option="scrollOption"
              style="overflow-y: hidden"
            >
              <ul class="ulhonor" style="height: auto">
                <li v-for="(item, index) in datahonor" :key="index">
                  <!-- <div class="width100per dflex justifybetween  fontsize14   " :style="{ color: item.color }">
                    <div class="width60px txtcenter">{{index+1}}  </div>
                    <div class="width120px txtleft" >
                      <div class="width100per textoverflow">{{item.name}}</div>
                     </div>
                    <div class="width220px txtleft" >
                      <div class="width100per textoverflow ">
                        {{item.unit}}

                      </div>
                      </div>
                    <div class="partflex txtcenter" >
                      <div class="width450px textoverflow txtleft"> {{item.context}}
                        </div>
                      </div>
                  </div> -->

                  <div
                    class="width100per dflex justifybetween fontsize14"
                    :style="{ color: item.color }"
                  >
                    <!-- <el-tooltip :content="item.orgName" effect="light"> -->
                    <div
                      class="hoverpointer flex-none width150px txtcenter text"
                    >
                      {{ item.orgName }}
                    </div>
                    <!-- </el-tooltip> -->
                    <!-- <el-tooltip :content="item.honorLevelName" effect="light"> -->
                    <div
                      class="hoverpointer flex-none width150px txtcenter text"
                    >
                      {{ item.honorLevelName }}
                    </div>
                    <!-- </el-tooltip> -->
                    <!-- <el-tooltip :content="item.awartName" effect="light"> -->
                    <div class="hoverpointer partflex txtleft">
                      <div class="width100per textoverflow text">
                        {{ item.awartName }}
                      </div>
                    </div>
                    <!-- </el-tooltip> -->
                    <!-- <el-tooltip :content="item.awardOwnerName" effect="light"> -->

                    <div class="hoverpointer flex-none width150px txtcenter">
                      <div class="width100per textoverflow text">
                        {{ item.awardOwnerName }}
                      </div>
                    </div>
                    <!-- </el-tooltip> -->
                    <div class="flex-none width60px">
                      <div
                        class="width100per textoverflow txtright padright30 text"
                      >
                        {{ item.awardYear }}年
                      </div>
                    </div>
                  </div>
                </li>
              </ul>
            </vue-seamless-scroll>
          </div>
          <!-- <div class="width100per dflex justifybetween  fontsize14 whitecolor fontweight bgtitlexsqka">
                <div class="width60px txtcenter">序号    </div>
                <div class="width120px txtcenter">获奖单位/人  </div>
                <div class="width220px txtcenter">发证单位</div>
                <div class="partflex txtcenter" > 奖项名称</div>
              </div> -->
          <!-- datahonor -->
          <!-- <dv-scroll-board :config="config" style="width: 100%; height: 320px" /> -->
        </div>
      </div>
    </div>

    <!-- 右侧边栏 -->
    <div class="right-module">
      <!-- 队伍培训 -->
      <div class="team-training">
        <div class="lm-top team-train-title"></div>
        <div class="team-training-main">
          <div class="po-center-item tt-center-item">
            {{ teamTrainingData.tit }}
            <span>
              <CountTo
                style="color: #44efff; font-size: 21px; font-weight: 700"
                :startVal="startVal"
                :endVal="teamTrainingData.total"
                :duration="duration"
              /> </span
            >{{ teamTrainingData.totalUnit }}
          </div>
          <div class="tt-con-list mt-10">
            <!-- <div class="item" v-for="item in teamTrainingData.conList" :key="item.num">
                        <img src="../../assets/basicManagement-new/tt-icon.png" />
                        {{ item.name }}
                        <div>
                            <CountTo :startVal="startVal" :endVal="item.num" :duration="duration" />
                        </div>
                        {{ item.unit }}
                    </div> -->
            <er-effect
              v-for="(item, index) in teamTrainingData.conList"
              :key="item.num || index"
              :ereData="item"
              :isIcon="personOverviewData.isIcon"
              :iconStyle="{
                'margin-left': '20px',
                display: 'flex',
                'align-items': 'end',
                display: 'none',
              }"
            />
          </div>
          <div class="tt-topic"></div>
          <div class="team-training-echart">
            <team-training-eacht
              ref="teamEchart"
              :eachtData="teamTrainingTopicData"
            />
          </div>
        </div>
      </div>

      <!-- 省级高素能骨干团队 -->
      <div class="backbone-team">
        <div
          class="lm-top prov-high-level-team-title"
          style="background-size: 100% 100%; height: 50px"
        ></div>
        <div v-if="showLateUncheckPop" class="late-uncheck-pop" :style="unSty">
          <div class="content">
            <div class="title">
              <div class="fw-600">高素能骨干团队{{ this.uncheckNum }}人</div>
            </div>
            <div class="num">
              <vue-seamless-scroll
                class="scroll-box"
                :data="uncheckData"
                :class-option="scrollOption"
              >
                <div
                  v-for="(item, index) in uncheckData"
                  class="item"
                  :key="index"
                >
                  <div v-if="item.val1">{{ item.val1.expert_name }}</div>
                  <div v-if="item.val2">{{ item.val2.expert_name }}</div>
                  <div v-if="item.val3">{{ item.val3.expert_name }}</div>
                  <div v-if="item.val4">{{ item.val4.expert_name }}</div>
                  <div v-if="item.val5">{{ item.val5.expert_name }}</div>
                </div>
              </vue-seamless-scroll>
            </div>
          </div>
        </div>
        <div class="backbone-team-main">
          <backbone-team-eacht
            ref="coreTeamEchart"
            :eachtData="coreTeamData"
            :dData="dData"
            :isDialog="isDialog"
          ></backbone-team-eacht>
        </div>
      </div>

      <!-- 装备总览 -->
      <div class="equipment-look">
        <div class="lm-top equip-overview-title"></div>
        <div class="equipment-look-main">
          <div class="elm-item">
            <div
              class="elm-item-detail"
              :style="{ backgroundImage: `url(${item.img})` }"
              v-for="(item, index) in equipmentLookData.slice(0, 2)"
              :key="index + 'elook'"
            >
              {{ item.name }}
              <span>
                <b>
                  <CountTo
                    :startVal="startVal"
                    :endVal="item.value"
                    :duration="duration"
                  /> </b
              ></span>
            </div>
          </div>
          <div class="elm-item">
            <div
              class="elm-item-detail"
              :style="{ backgroundImage: `url(${item.img})` }"
              v-for="(item, index) in equipmentLookData.slice(2, 4)"
              :key="index + 'elook'"
            >
              {{ item.name }}
              <span
                ><b>
                  <CountTo
                    :startVal="startVal"
                    :endVal="item.value"
                    :duration="duration"
                  /> </b
              ></span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import img1 from "../../assets/basicManagement-new/equip-overview-data.png";
import img2 from "../../assets/basicManagement-new/equip-overview-data.png";
import img3 from "../../assets/basicManagement-new/equip-overview-data.png";
import img4 from "../../assets/basicManagement-new/equip-overview-data.png";
import educationImg from "../../assets/basicManagement-new/education-situation-data.png";
var indexData = {
  // 人员概况
  personOverviewData: {
    isIcon: true,
    totalNum: 2689,

    list: [
      {
        name: "领导岗",
        num: 191,
        src: require("../../assets/basicManagement-new/leader-person.png"),
        unit: "人",
        radio: 7.07,
      },
      {
        name: "综合岗",
        num: 96,
        unit: "人",
        src: require("../../assets/basicManagement-new/zonghe-person.png"),
        radio: 3.57,
        flag: true,
      },
      {
        name: "稽查岗",
        num: 1181,
        unit: "人",
        src: require("../../assets/basicManagement-new/jicha-person.png"),
        radio: 43.92,
        flag: true,
      },
      {
        name: "市管岗",
        num: 1037,
        unit: "人",
        src: require("../../assets/basicManagement-new/market-person.png"),
        radio: 38.56,
        flag: true,
      },
      {
        name: "数据岗",
        num: 116,
        unit: "人",
        src: require("../../assets/basicManagement-new/data-person.png"),
        radio: 4.31,
        flag: true,
      },
      {
        name: "内管岗",
        num: 69,
        unit: "人",
        src: require("../../assets/basicManagement-new/neiguan-person.png"),
        radio: 2.57,
        flag: true,
      },
      {
        name: "市场监管岗",
        num: 69,
        unit: "人",
        src: require("../../assets/basicManagement-new/neiguan-person.png"),
        radio: 2.57,
        flag: true,
      },
      {
        name: "市场监管岗",
        num: 69,
        unit: "人",
        src: require("../../assets/basicManagement-new/neiguan-person.png"),
        radio: 2.57,
        flag: true,
      },
    ],
  },
  //技能等级
  skillLevelData: [
    {
      name: "一级专卖管理师",
      num: 6, //skill_num
      value: 0.24, //proportion
      // total:2459
    },
    {
      name: "二级专卖管理师",
      num: 113,
      value: 4.6,
    },
    {
      name: "三级专卖管理师",
      num: 933,
      value: 37.94,
    },
    {
      name: "四级专卖管理师",
      num: 1094,
      value: 44.49,
    },
    {
      name: "五级专卖管理师",
      num: 313,
      value: 12.73,
    },
  ],
  // 学历情况
  educationData: [
    {
      name: "研究生及以上", //bcb_name_alias
      num: 91, //level_num
      unit: "人",
      src: require("../../assets/basicManagement-new/education-situation-data.png"),
      radio: 3.38, //proportion
    },
    {
      name: "大学本科",
      num: 626,
      unit: "人",
      src: require("../../assets/basicManagement-new/education-situation-data.png"),
      radio: 23.28,
    },
    {
      name: "大学专科",
      num: 1397,
      unit: "人",
      src: require("../../assets/basicManagement-new/education-situation-data.png"),
      radio: 61.95,
    },
    {
      name: "专科以下",
      num: 575,
      src: require("../../assets/basicManagement-new/education-situation-data.png"),
      unit: "人",
      radio: 21.38,
    },
  ],
  totalStyle: {
    position: "relative",
    width: "100%",
    height: "60px",
    background: "url(" + educationImg + ") no-repeat",
    "background-size": "cover",
    "align-items": "center",
    padding: "20px 10px 0 0",
    "margin-right": "5px",
  },
  titleStyle: {
    position: "absolute",
    top: "8px",
    // left: "53px",
  },
  // 队伍培训
  teamTrainingData: {
    total: 586,
    tit: "培训场次（次）",
    totalUnit: "",
    conList: [
      {
        name: "培训时长",
        num: 2668,
        unit: "课时",
        src: require("../../assets/basicManagement-new/train-period.png"),
      },
      {
        name: "培训人次",
        num: 17586,
        unit: "人",
        src: require("../../assets/basicManagement-new/train-person-number.png"),
      },
    ],
    echartTopic: "培训主题（场次）",
    echartData: [],
  },
  // 培训主题
  teamTrainingTopicData: {},
  // 装备总览
  equipmentLookData: [
    {
      name: "交通工具(辆)",
      value: 616,
      unit: "(辆)",
      img: img1,
      code:"jtgjNum",
    },
    {
      name: "执法记录仪(个)",
      value: 2464,
      unit: "(个)",
      img: img2,
      code:"zfjlyNum",
    },
    {
      name: "通讯工具(个)",
      value: 772,
      unit: "(个)",
      img: img3,
      code:"txgjNum",
    },
    {
      name: "其他设备(个)",
      value: 7617,
      unit: "(个)",
      img: img4,
      code:"qtsbNum",
    },
  ],
};
import axios from "axios";
import erEffect from "@/components/regulation/erEffect-basic";
import skillLevelEacht from "@/components/basicManagement/skillLevelEacht";
import backboneTeamEacht from "@/components/basicManagement/backboneTeamEacht";
import teamTrainingEacht from "@/components/basicManagement/teamTrainingEacht";
import anhuiMap from "@/components/echart/anhuiMap";
import CustomList from "@/components/mapList/mapList.vue";
import {
  getTotalNum,
  getJobStatData,
  getSkillLevelData,
  getEducatinalInfoData,
  getHonourInfoData,
  getSiteInfoData,
  getThemeStatData,
  getCoreTeamData,
  getDataMap,
  getDataMapCity,
  getDataMapCounty,
  getExpertLibraryListDjds,
  getExpertLibraryListScjg,
  getExpertLibraryListSjgl,
  getExpertLibraryListZwfw,
  getExpertLibraryListNbjs,
  getExpertLibraryListDwgl,
  getExpertLibraryListJcgl,
  getHoldLicRadio,
  getEvaluateAppointRadio,
  getTeamBmkData,
  getEquipSum,
  getZmTotalNumBmk,
  getSkillLevelBmkData,
} from "@/api/basic.js";
import timePicker from "@/components/timePicker/index.vue";
export default {
  data() {
    return {
      teamBmkData:[],
      dialogChartsStyle:{},
      isShow:false,
      activeAjdbIndex:1,
      //地图列表
      listTitle: "",
      listColumns: [],
      listItems: [
    ],
    listTitle2: "",
      listColumns2: [],
      listItems2: [
    ],
      //弹窗
      numDataList1: {
        numList: [],
        popList: [],
      },
      //地图区域
      clickArea: ["安徽省"],
      titleMap: {
        name: "安徽省",
        uuid: "00000000000000000000000011340001",
        level: 1,
        oldName: "安徽省",
        countyUuid: "",
      },
      dataMaps: {
        安徽省: 340000,
        合肥市: 340100,
        瑶海区: 340102,
        庐阳区: 340103,
        蜀山区: 340104,
        包河区: 340111,
        长丰县: 340121,
        肥东县: 340122,
        肥西县: 340123,
        庐江县: 340124,
        巢湖市: 340181,
        芜湖市: 340200,
        镜湖区: 340202,
        鸠江区: 340207,
        弋江区: 340209,
        湾沚区: 340210,
        繁昌区: 340211,
        南陵县: 340223,
        无为市: 340281,
        蚌埠市: 340300,
        龙子湖区: 340302,
        蚌山区: 340303,
        禹会区: 340304,
        淮上区: 340311,
        怀远县: 340321,
        五河县: 340322,
        固镇县: 340323,
        淮南市: 340400,
        大通区: 340402,
        田家庵区: 340403,
        谢家集区: 340404,
        八公山区: 340405,
        潘集区: 340406,
        凤台县: 340421,
        寿县: 340422,
        马鞍山市: 340500,
        花山区: 340503,
        雨山区: 340504,
        博望区: 340506,
        当涂县: 340521,
        含山县: 340522,
        和县: 340523,
        淮北市: 340600,
        杜集区: 340602,
        相山区: 340603,
        烈山区: 340604,
        濉溪县: 340621,
        铜陵市: 340700,
        铜官区: 340705,
        义安区: 340706,
        郊区: 340711,
        枞阳县: 340722,
        安庆市: 340800,
        迎江区: 340802,
        大观区: 340803,
        宜秀区: 340811,
        怀宁县: 340822,
        太湖县: 340825,
        宿松县: 340826,
        望江县: 340827,
        岳西县: 340828,
        桐城市: 340881,
        潜山市: 340882,
        黄山市: 341000,
        屯溪区: 341002,
        黄山区: 341003,
        徽州区: 341004,
        歙县: 341021,
        休宁县: 341022,
        黟县: 341023,
        祁门县: 341024,
        滁州市: 341100,
        琅琊区: 341102,
        南谯区: 341103,
        来安县: 341122,
        全椒县: 341124,
        定远县: 341125,
        凤阳县: 341126,
        天长市: 341181,
        明光市: 341182,
        阜阳市: 341200,
        颍州区: 341202,
        颍东区: 341203,
        颍泉区: 341204,
        临泉县: 341221,
        太和县: 341222,
        阜南县: 341225,
        颍上县: 341226,
        界首市: 341282,
        宿州市: 341300,
        埇桥区: 341302,
        砀山县: 341321,
        萧县: 341322,
        灵璧县: 341323,
        泗县: 341324,
        六安市: 341500,
        金安区: 341502,
        裕安区: 341503,
        叶集区: 341504,
        霍邱县: 341522,
        舒城县: 341523,
        金寨县: 341524,
        霍山县: 341525,
        亳州市: 341600,
        谯城区: 341602,
        涡阳县: 341621,
        蒙城县: 341622,
        利辛县: 341623,
        池州市: 341700,
        贵池区: 341702,
        东至县: 341721,
        石台县: 341722,
        青阳县: 341723,
        宣城市: 341800,
        宣州区: 341802,
        郎溪县: 341821,
        泾县: 341823,
        绩溪县: 341824,
        旌德县: 341825,
        宁国市: 341881,
        广德市: 341882,
      },
      // 骨干团队
      dData: [],
      uncheckData: [],
      uncheckNum: "",
      unSty: { bottom: "330px" },
      showLateUncheckPop: false,
      coreTeamData: {},
      ...indexData,
      nowTime: "",
      startVal: 0,
      duration: 3000,
      config: {
        header: ["序号", "获奖单位/人", "发证单位", "奖项名称"],
        data: [
          [
            "1",
            "杜宇",
            "国家烟草专卖局",
            "2023年第四届烟草专卖管理岗位技能竞赛第一名",
          ],
          [
            "2",
            "宗加鹏",
            "国家烟草专卖局",
            "2023年第四届烟草专卖管理岗位技能竞赛第十名",
          ],
          [
            "3",
            "张伟",
            "国家烟草专卖局",
            "2021年首届行业内训师教学能力竞赛第三名",
          ],
          [
            "4",
            "丁晓翠",
            "国家烟草专卖局",
            "2021年首届行业内训师教学能力竞赛第五名",
          ],
          [
            "5",
            "杜宇",
            "国家烟草专卖局",
            "2018年第三届烟草专卖管理岗位技能竞赛第五名",
          ],
          [
            "6",
            "安徽省局",
            "国家烟草专卖局",
            "2023年第四届烟草专卖管理岗位技能竞赛优胜团队奖",
          ],
          [
            "7",
            "安徽省局",
            "国家烟草专卖局",
            "2018年第三届烟草专卖管理岗位技能竞赛创新组织奖",
          ],
          [
            "8",
            "安徽省局",
            "国家烟草专卖局",
            "2018年第三届烟草专卖管理岗位技能竞赛优胜团队奖",
          ],
          ["9", "程大燕", "安徽省总工会", "2019年安徽省五一劳动奖章"],
          ["10", "丁晓翠", "安徽省总工会", "2017年安徽省五一劳动奖章"],
          ["11", "张伟", "安徽省总工会", "2015年安徽省五一劳动奖章"],
          ["12", "蒲琨", "安徽省总工会", "2011年安徽省五一劳动奖章"],
        ],
        headerBGC: "#081B69",
        oddRowBGC: "",
        evenRowBGC: "",
        columnWidth: [60, 120, 200, 400],
        rowNum: 8,
      },
      data: [
        {
          name: "合肥市",
          value: "9",
          value1: "10",
          value2: "1",
          value3: "24",
        },
        {
          name: "安庆市",
          value: "8",
          value1: "9",
          value2: "1",
          value3: "20",
        },
        {
          name: "蚌埠市",
          value: "4",
          value1: "5",
          value2: "1",
          value3: "10",
        },
        {
          name: "阜阳市",
          value: "6",
          value1: "7",
          value2: "1",
          value3: "19",
        },
        {
          name: "亳州市",
          value: "4",
          value1: "5",
          value2: "1",
          value3: "13",
        },
        {
          name: "池州市",
          value: "4",
          value1: "5",
          value2: "1",
          value3: "9",
        },
        {
          name: "滁州市",
          value: "7",
          value1: "8",
          value2: "1",
          value3: "14",
        },
        {
          name: "淮北市",
          value: "2",
          value1: "3",
          value2: "1",
          value3: "5",
        },
        {
          name: "淮南市",
          value: "5",
          value1: "6",
          value2: "1",
          value3: "9",
        },
        {
          name: "黄山市",
          value: "7",
          value1: "8",
          value2: "1",
          value3: "8",
        },
        {
          name: "六安市",
          value: "6",
          value1: "7",
          value2: "1",
          value3: "16",
        },
        {
          name: "宿州市",
          value: "5",
          value1: "6",
          value2: "1",
          value3: "15",
        },
        {
          name: "铜陵市",
          value: "3",
          value1: "4",
          value2: "1",
          value3: "6",
        },
        {
          name: "芜湖市",
          value: "6",
          value1: "7",
          value2: "1",
          value3: "9",
        },
        {
          name: "宣城市",
          value: "7",
          value1: "8",
          value2: "1",
          value3: "14",
        },
        {
          name: "马鞍山市",
          value: "4",
          value1: "5",
          value2: "1",
          value3: "8",
        },
      ],
      //           <div class="width100per dflex justifybetween  fontsize14   " :style="{ color: item.color }">
      //             <div class="width120px txtleft">{{index+1}}  </div>
      //             <div class="partflex txtleft" >
      //               <div class="width100per textoverflow">{{item.name}}</div>
      //              </div>
      //             <div class="width220px txtleft" >
      //               <div class="width100per textoverflow ">
      //                 {{item.unit}}
      //
      //               </div>
      //               </div>
      //               <div class="width60px txtcenter" >
      //                <div class="width100per textoverflow txtleft"> {{item.context}}
      //                 </div>
      //               </div>
      //           </div>
      datahonor: [
        // {
        //     name: '专卖监督管理处',
        //     unit: '2019年优秀论文评选二等奖',
        //     context: '蒋跃进等，基于“智慧专卖”背景下的安徽烟草专卖管理高质量发展研究',
        // 	time:'2019年',
        //     color:'#2e82e0',
        // },
        // {
        //     name: '专卖监督管理处',
        //     unit: '2020年优秀论文评选一等奖',
        //     context: '蒋跃进等，基于“三分法”的专卖管理队伍素能提升模式研究',
        //     time:'2020年',
        // 	color:'#2e82e0',
        // },
        // {
        //     name: '专卖监督管理处',
        //     unit: '2021年优秀论文评选一等奖',
        //     context: '蒋跃进等，基于“互联网+”背景下的烟草专卖管理转型升级模式研究',
        // 	 time:'2021年',
        //     color:'#2e82e0',
        // },
        // {
        //     name: '专卖监督管理处',
        //     unit: '2022年度学术优秀论文',
        //     context: '蒋跃进等，数字治理视角下的物流寄递环节涉烟违法“智治”路径研究',
        // 	 time:'2022年',
        //    color:'#2e82e0',
        // },
        // {
        //     name: '专卖监督管理处',
        //     unit: '科学进步二等奖',
        //     context: '专卖监督管理处等，“互联网+”背景下的烟草专卖管理转型升级模式研究',
        // 	 time:'2022年',
        //     color:'yellow',
        // },
        // {
        //     name: '专卖监督管理处',
        //     unit: '2020年行业提升企业核心竞争力典型案例',
        //     context: '蒋跃进等，构建“互联网+市场监管”综合治理体系',
        //    time:'2020年',
        //   color:'yellow',
        // },
        // {
        //     name: '专卖监督管理处',
        //     unit: '全国专卖管理岗位技能竞赛创新组织奖',
        //     context: '安徽省烟草专卖局',
        // 	 time:'2021年',
        //     color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '专卖监督管理处',
        //     unit: '全国专卖管理岗位技能竞赛团队优胜奖',
        //     context: '安徽省烟草专卖局',
        //      time:'2022年',
        //     color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '专卖监督管理处',
        //     unit: '全国首届烟草行业内训是教学能力竞赛第三名',
        //     context: '张伟',
        // 	time:'2021年',
        //     color:'#92d050',
        // },
        // {
        //     name: '黄山市局',
        //     unit: '全国首届烟草行业内训是教学能力竞赛第五名',
        //     context: '丁晓翠',
        // 	time:'2021年',
        //     color:'#92d050',
        // },
        // {
        //     name: '池州市局',
        //     unit: '第二十届全国烟草行业职业技能竞赛暨第四届烟草专卖管理岗位技能竞赛第一名',
        //     context: '杜宇',
        // 	time:'2023年',
        //    color:'#92d050',
        // },
        // {
        //     name: '亳州市局',
        //     unit: '第二十届全国烟草行业职业技能竞赛暨第四届烟草专卖管理岗位技能竞赛第十名',
        //     context: '宗加鹏',
        // 	time:'2023年',
        //      color:'#92d050',
        // },
        // {
        //     name: '淮北市局',
        //     unit: '2021年优秀质量管理小组一等奖',
        //     context: '探索者QC小组，便携式真假烟识别辅助装置研发',
        // 	time:'2021年',
        //     color:'yellow',
        // },
        // {
        //     name: '阜阳市局',
        //     unit: '2021年优秀质量管理小组一等奖',
        //     context: '金叶QC小组，提高烟草专卖零售许可证线上办证率',
        //     time:'2021年',
        //     color:'yellow',
        // },
        // {
        //     name: '马鞍山市局',
        //     unit: '马鞍山市工人先锋号',
        //     context: '市局稽查支队',
        // 	  time:'2022年',
        //     color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '马鞍山市局',
        //     unit: '马鞍山市工人先锋号',
        //     context: '钢城分局',
        // 	time:'2023年',
        //     color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '马鞍山市局',
        //     unit: '马鞍山市最美职工',
        //     context: '吴涛',
        // 	time:'2023年',
        //     color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '马鞍山市局',
        //     unit: '市职工技术能手',
        //     context: '季飞',
        //    time:'2023年',
        //    color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '马鞍山市局',
        //     unit: '市职工技术能手',
        //     context: '胡朝军',
        // 	 time:'2023年',
        //     color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '马鞍山市局',
        //     unit: '市职工技术能手',
        //     context: '范贤龙',
        //     time:'2023年',
        //    color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '马鞍山市局',
        //     unit: '三八红旗手',
        //     context: '俞岚',
        //      time:'2022年',
        //     color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '蚌埠市局',
        //     unit: '全国卷烟打假工作先进个人',
        //     context: '徐校非',
        //     time:'2022年',
        //     color:'red',
        // },
        // {
        //     name: '蚌埠市局',
        //     unit: '珠城工匠',
        //     context: '徐从虎',
        // 	 time:'2023年',
        //     color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '蚌埠市局',
        //     unit: '蚌埠市五一劳动奖章',
        //     context: `徐从虎`,
        // 	 time:'2023年',
        //      color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '蚌埠市局',
        //     unit: '安徽省五一劳动奖章',
        //     context: `何西斌`,
        //      time:'2023年',
        //     color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '蚌埠市局',
        //     unit: '工人先锋号',
        //     context: `怀远县烟草专卖局专卖管理监督办公室`,
        //      time:'2020年',
        //     color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '蚌埠市局',
        //     unit: '2019年蚌埠市诚信群体',
        //     context: `蚌埠市烟草专卖局直属分局`,
        //     time:'2019年',
        //    color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '蚌埠市局',
        //     unit: '工人先锋号',
        //     context: `蚌埠市烟草专卖局直属分局`,
        //       time:'2020年',
        //     color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '蚌埠市局',
        //     unit: '蚌埠烟草商业系统“守护有我”真假烟鉴别技能竞赛团体一等奖',
        //     context: `蚌埠市烟草专卖局直属分局`,
        //         time:'2022年',
        //     color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '蚌埠市局',
        //     unit: '新冠肺炎疫情防控志愿服务荣誉证书',
        //     context: `蒲昆、王健`,
        //      time:'2020年',
        //     color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '蚌埠市局',
        //     unit: '“蚌埠市2021年推进‘三地一区’两中心建设先进个人”',
        //     context: `王鹏`,
        //     time:'2022年',
        //     color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '蚌埠市局',
        //     unit: '烟草行业职工优秀技术创新成果',
        //     context: `蚌埠市烟草专卖局`,
        //     time:'2022年',
        //     color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '优秀质量管理小组二等奖',
        //     context: `前行者QC小组，缩短卷烟32位代码语音识别录入时长`,
        // 	time:'2021年',
        //     color:'yellow',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2019年度先进个人',
        //     context: `张坚`,
        // 	time:'2020年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2018年度全省卷烟打假先进个人',
        //     context: `李和俊`,
        //     time:'2018年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '“卷烟真假鉴别技能竞赛”二等奖',
        //     context: `王文蔚`,
        //    time:'2019年',
        //      color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2020年六安市职工劳动技能竞赛（六安市青年岗位能手）',
        //     context: `卢永剑`,
        //     time:'2020年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '“卷烟真假鉴别技能竞赛”三等奖',
        //     context: `卢永剑`,
        //     time:'2020年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        //  {
        //     name: '六安市局',
        //     unit: '2021年六安市职工劳动技能竞赛（六安市青年岗位能手）',
        //     context: `卢永剑`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        //  {
        //     name: '六安市局',
        //     unit: '“卷烟真假鉴别技能竞赛”三等奖',
        //     context: `卢永剑`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        //  {
        //     name: '六安市局',
        //     unit: '“卷烟真假鉴别技能竞赛”二等奖',
        //     context: `卢永剑`,
        //     time:'2019年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        //  {
        //     name: '六安市局',
        //     unit: '“卷烟真假鉴别技能竞赛”一等奖',
        //     context: `崔崧`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2021年六安市青年岗位能手',
        //     context: `崔崧`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '六安市技术能手荣誉称号',
        //     context: `崔崧`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '六安市五一劳动奖章',
        //     context: `崔崧`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '“卷烟真假鉴别技能竞赛”三等奖',
        //     context: `崔崧`,
        //     time:'2019年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2018年度全省卷烟打假先进个人',
        //     context: `崔崧`,
        //     time:'2019年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2019年六安市职工劳动技能竞赛（六安市青年岗位能手）',
        //     context: `崔崧`,
        //     time:'2019年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '“真假烟识别”项目三等奖',
        //     context: `陈福兴`,
        //     time:'2018年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '“卷烟真假鉴别技能竞赛”三等奖',
        //     context: `陈福兴`,
        //     time:'2019年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '“卷烟真假鉴别技能竞赛”三等奖',
        //     context: `陈福兴`,
        //     time:'2020年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '“卷烟真假鉴别技能竞赛”二等奖',
        //     context: `储军`,
        //     time:'2019年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '“卷烟真假鉴别技能竞赛”二等奖',
        //     context: `储军`,
        //     time:'2020年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '“卷烟真假鉴别技能竞赛”二等奖',
        //     context: `储军`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2021年度卷烟真假鉴定技能竞赛二等奖',
        //     context: `孙勇`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2019年第四季度先进个人、品牌服务岗（先进个人）',
        //     context: `白浩斌`,
        //     time:'2020年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2019年第四季度先进个人、品牌服务岗（品牌服务岗）',
        //     context: `白浩斌`,
        //     time:'2020年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2020年第三季度先进个人、品牌服务岗（党员先锋模范岗）',
        //     context: `白浩斌`,
        //     time:'2020年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2020年第四季度先进个人、品牌服务岗（先进个人）',
        //     context: `白浩斌`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2020年第四季度先进个人、品牌服务岗（业务标兵）',
        //     context: `白浩斌`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2021年第一季度先进个人、品牌服务岗（党员先锋模范岗）',
        //     context: `白浩斌`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2021年第二季度先进个人、品牌服务岗（先进个人）',
        //     context: `白浩斌`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2021年第二季度先进个人、品牌服务岗（业务标兵）',
        //     context: `白浩斌`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2021年第二季度先进个人、品牌服务岗（党员先锋模范岗）',
        //     context: `白浩斌`,
        //     time:'2022年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2021年第三季度先进个人、品牌服务岗（先进个人）',
        //     context: `白浩斌`,
        //     time:'2022年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2022年年度优秀等次',
        //     context: `白浩斌`,
        //     time:'2023年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2019年第一季度先进个人、品牌服务',
        //     context: `周琛琛`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2020年第二季度先进个人、品牌服务',
        //     context: `周琛琛`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2021年第一季度先进个人、品牌服务岗',
        //     context: `周琛琛`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2021年度“优秀志愿者” 优秀志愿者',
        //     context: `周琛琛`,
        //     time:'2022年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '六安市技术能手荣誉称号',
        //     context: `翁继林`,
        //     time:'2018年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '“卷烟真假鉴别技能竞赛”三等奖',
        //     context: `翁继林`,
        //     time:'2019年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '六安市技术能手荣誉称号',
        //     context: `翁继林`,
        //     time:'2020年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '六安市职工劳动和技能竞赛“六安市青年岗位能手”',
        //     context: `张伟`,
        //     time:'2018年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '六安市职工劳动和技能竞赛“六安市青年岗位能手”',
        //     context: `张伟`,
        //     time:'2019年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '六安市职工劳动和技能竞赛“六安市青年岗位能手”',
        //     context: `张伟`,
        //     time:'2020年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '六安市职工技能竞赛卷烟真假烟鉴别三等奖',
        //     context: `张伟`,
        //     time:'2018年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '六安市职工技能竞赛卷烟真假烟鉴别三等奖',
        //     context: `张伟`,
        //     time:'2019年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '六安市职工技能竞赛卷烟真假烟鉴别三等奖',
        //     context: `张伟`,
        //     time:'2020年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '六安市职工技能竞赛卷烟真假烟鉴别三等奖',
        //     context: `张伟`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '成长.十佳人物',
        //     context: `王荣如`,
        //     time:'2019年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '“卷烟真假鉴别技能竞赛”二等奖',
        //     context: `杨保`,
        //     time:'2018年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '“卷烟真假鉴别技能竞赛”二等奖',
        //     context: `杨保`,
        //     time:'2019年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '“卷烟真假鉴别技能竞赛”二等奖',
        //     context: `杨保`,
        //     time:'2020年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '2018年度全省烟草系统优秀调研报告三等奖',
        //     context: `吴斌峰`,
        //     time:'2019年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '六安市职工技能竞赛真假烟识别项目一等奖',
        //     context: `杨军`,
        //     time:'2018年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '六安市五一劳动奖章',
        //     context: `杨军`,
        //     time:'2018年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '六安市技术能手',
        //     context: `杨军`,
        //     time:'2018年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '“卷烟真假鉴别技能竞赛”二等奖',
        //     context: `杨军`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '全省系统优秀外聘质检员',
        //     context: `杨军`,
        //     time:'2023年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '全省卷烟打假工作先进个人',
        //     context: `黄瑞`,
        //     time:'2018年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '真假烟识别技能竞赛“二等奖”',
        //     context: `黄瑞`,
        //     time:'2018年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '真假烟识别技能竞赛“二等奖”',
        //     context: `黄瑞`,
        //     time:'2019年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '六安市技术能手',
        //     context: `黄瑞`,
        //     time:'2019年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '真假烟识别技能竞赛“一等奖”',
        //     context: `黄瑞`,
        //     time:'2020年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '六安市技术能手',
        //     context: `黄瑞`,
        //     time:'2020年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '真假烟识别技能竞赛“二等奖”',
        //     context: `黄瑞`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '六安市局',
        //     unit: '六安市技术能手',
        //     context: `黄瑞`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '合肥市局',
        //     unit: '安徽省金牌职工',
        //     context: `杨艳`,
        //     time:'2022年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '合肥市局',
        //     unit: '2017年烟草行业技术能手',
        //     context: `杨艳`,
        //     time:'2018年',
        //       color:'#92d050',
        // },
        // {
        //     name: '合肥市局',
        //     unit: '2019年度优秀论文二等奖',
        //     context: `杨艳`,
        //     time:'2019年',
        //       color:'#2e82e0',
        // },
        // {
        //     name: '合肥市局',
        //     unit: '2021年全省系统岗位技能竞赛先进个人',
        //     context: `杨艳`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '合肥市局',
        //     unit: '2021年全省系统岗位技能竞赛先进个人',
        //     context: `沐震坤`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '合肥市局',
        //     unit: '全省系统内管岗位技能竞赛十佳个人',
        //     context: `杨静`,
        //     time:'2018年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '合肥市局',
        //     unit: '浅谈毗邻区域烟草市场监管联盟的构建及运行管理论文一等奖',
        //     context: `陶星辉`,
        //     time:'2018年',
        //       color:'#2e82e0',
        // },
        // {
        //     name: '合肥市局',
        //     unit: '2022全省信息竞赛十佳个人',
        //     context: `郑亚琴`,
        //     time:'2022年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '合肥市局',
        //     unit: '合肥市直机关优秀共产党员',
        //     context: `方军`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '合肥市局',
        //     unit: '优秀学术论文二等奖',
        //     context: `吴修军、尹飞、何泉、潘传鑫`,
        //     time:'2019年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '宿州市局',
        //     unit: '优秀学术论文二等奖',
        //     context: `吴修军、尹飞、何泉、潘传鑫`,
        //     time:'2019年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '芜湖市局',
        //     unit: '第二十九届优秀质量管理小组成果发布会二等奖',
        //     context: `众智云集QC小组`,
        //     time:'2018年',
        //       color:'yellow',
        // },
        // {
        //     name: '芜湖市局',
        //     unit: '2018年度全国烟草行业优秀精益管理改善团队大赛优秀精益改善团队',
        //     context: `众智云集QC小组`,
        //     time:'2018年',
        //       color:'yellow',
        // },
        // {
        //     name: '芜湖市局',
        //     unit: 'QIC-II级技术成果',
        //     context: `众智云集QC小组，专卖涉烟寄递案件线索分析系统的研发`,
        //     time:'2018年',
        //       color:'yellow',
        // },
        // {
        //     name: '芜湖市局',
        //     unit: '二等质量技术成果',
        //     context: `探索QC小组，构建零售户违规风险预测模型`,
        //     time:'2022年',
        //       color:'yellow',
        // },
        // {
        //     name: '安庆市局',
        //     unit: '一等质量技术成果',
        //     context: `程国亚、马草原、蔡金金、张帅，徽映内管速查系统研判`,
        //     time:'2022年',
        //       color:'yellow',
        // },
        // {
        //     name: '安庆市局',
        //     unit: '工人先锋号',
        //     context: `安庆市烟草专卖局稽查支队`,
        //     time:'2019年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '淮南市局',
        //     unit: '市劳动模范',
        //     context: `刘传福`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '淮南市局',
        //     unit: '先进个人',
        //     context: `谷昆红`,
        //     time:'2018年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '淮南市局',
        //     unit: '先进个人',
        //     context: `谷昆红`,
        //     time:'2019年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '淮南市局',
        //     unit: '先进个人',
        //     context: `谷昆红`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // 	{
        //     name: '淮南市局',
        //     unit: ' 2022年度全市政务公开先进个人',
        //     context: `姚宝柱`,
        //     time:'2022年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // 	{
        //     name: '淮南市局',
        //     unit: ' 2021年度全省系统专卖管理岗位技能竞赛先进个人',
        //     context: `莫浪`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '亳州市局',
        //     unit: ' 烟草行业技术能手',
        //     context: `宗加鹏`,
        //     time:'2018年',
        //       color:'#92d050',
        // },
        // {
        //     name: '亳州市局',
        //     unit: ' 工人先锋号',
        //     context: `宗加鹏`,
        //     time:'2018年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '亳州市局',
        //     unit: ' 烟草行业技术能手',
        //     context: `宗加鹏`,
        //     time:'2019年',
        //       color:'#92d050',
        // },
        // {
        //     name: '亳州市局',
        //     unit: ' 亳州市技术能手',
        //     context: `蔡兆清`,
        //     time:'2020年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '亳州市局',
        //     unit: ' 全省系统专卖管理岗位技能竞赛先进个人',
        //     context: `宗加鹏`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '亳州市局',
        //     unit: ' 亳州市技术能手',
        //     context: `宗加鹏`,
        //     time:'2022年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '亳州市局',
        //     unit: ' 亳州市技术能手',
        //     context: `蔡兆清`,
        //     time:'2022年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '亳州市局',
        //     unit: ' 安徽省金牌职工',
        //     context: `宗加鹏`,
        //     time:'2022年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '亳州市局',
        //     unit: ' 烟草行业技术能手',
        //     context: `宗加鹏`,
        //     time:'2023年',
        //       color:'#92d050',
        // },
        // {
        //     name: '亳州市局',
        //     unit: ' 亳州市技术能手',
        //     context: `谢昆鹏`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '亳州市局',
        //     unit: ' 五一劳动奖章',
        //     context: `宁传新`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '亳州市局',
        //     unit: ' 亳州市技术能手',
        //     context: `蔡兆清`,
        //     time:'2020年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '亳州市局',
        //     unit: ' 亳州市五一劳动奖章',
        //     context: `谢昆鹏`,
        //     time:'2019年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '亳州市局',
        //     unit: ' 2019年度全省系统专卖岗位技能竞赛十佳个人',
        //     context: `谢昆鹏`,
        //     time:'2020年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '亳州市局',
        //     unit: ' 亳州市技术能手',
        //     context: `谢昆鹏`,
        //     time:'2020年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '亳州市局',
        //     unit: ' 亳州市技术能手',
        //     context: `谢昆鹏`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '亳州市局',
        //     unit: ' 2021年全省系统专卖管理岗位技能竞赛先进个人',
        //     context: `谢昆鹏`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '亳州市局',
        //     unit: ' 亳州市技术能手',
        //     context: `谢昆鹏`,
        //     time:'2022年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '亳州市局',
        //     unit: ' 亳州市技术能手',
        //     context: `郭建`,
        //     time:'2020年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // 	{
        //     name: '亳州市局',
        //     unit: ' 亳州市技术能手',
        //     context: `郭建`,
        //     time:'2021年',
        //       color:'rgba(255,255,255,0.5)',
        // },
        // {
        //     name: '亳州市局',
        //     unit: ' 五一劳动奖章',
        //     context: `郭建`,
        //     time:'2018年',
        //       color:'rgba(255,255,255,0.5)',
        // },
      ],
      times: {},
    };
  },
  computed: {
    scrollOption() {
      return {
        // step: 0.2,
        // hoverStop: true, // 是否开启鼠标悬停stop
        // direction: 1, // 0向下 1向上 2向左 3向右
        // openWatch: true, // 开启数据实时监控刷新dom
        // singleHeight: 48, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
        // waitTime: 20, // 单步运动停止的时间(默认值1000ms)
        step: 0.2,
        hoverStop: true, // 是否开启鼠标悬停stop
        direction: 1, // 0向下 1向上 2向左 3向右
        openWatch: true, // 开启数据实时监控刷新dom
        singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
        waitTime: 3000, // 单步运动停止的时间(默认值1000ms)
        limitMoveNum: 0,
      };
    },
  },
  components: {
    erEffect,
    skillLevelEacht,
    backboneTeamEacht,
    teamTrainingEacht,
    anhuiMap,
    timePicker,
    CustomList
  },
  created() {
    this.timer = setInterval(this.getTime, 1000);
    // this.initData(
    //   "prov_org_uuid",
    //   "00000000000000000000000011340001",
    //   "安徽省",
    //   "city_org_uuid",
    //   "city_org_name"
    // );
  },
  mounted() {
    let _this = this;
    // window.addEventListener("setItemEvent", (event) => {
    //   if (event.key === "PICKTIME") {
    //     _this.times = JSON.parse(event.newValue);
    //     // console.log(event.newValue);

    //     if (_this.titleMap.level === 1) {
    //       _this.initData(
    //         "prov_org_uuid",
    //         "00000000000000000000000011340001",
    //         "安徽省",
    //         "city_org_uuid",
    //         "city_org_name",

    //       );
    //     } else if (_this.titleMap.level === 2) {
    //       _this.initData(
    //         "city_org_uuid",
    //         _this.titleMap.uuid,
    //         _this.titleMap.name,
    //         "county_org_uuid",
    //         "county_org_name",

    //       );
    //     } else {
    //       _this.initData(
    //         "county_org_uuid",
    //         _this.titleMap.uuid,
    //         _this.titleMap.name,
    //         "county_org_uuid",
    //         "county_org_name",

    //       );
    //     }
    //   }
    // });
  },
  beforeDestroy() {},
  metaInfo: {
    meta: [{ name: "referrer", content: "no-referrer" }],
  },
  methods: {
    isDia(id,index,name,e){
      if(!id){
        this.isShow=false;
        return;
      }
      if(!e){
        e=window.event;
      }
      this.activeAjdbIndex=index;
      this.isShow = true;
      this.barInit2(id,name);
      if(id=='dia-box'){
        this.dialogChartsStyle={
        // top:(e.pageY+40)+"px",
        // left:(e.pageX-150)+"px"
        top:'220px',
        left:'120px'
      }
      }else{
        if(name=='一级专卖管理师'){
          this.dialogChartsStyle={
            // top:(e.pageY+100)+"px",
            // left:(e.pageX-120)+"px"
            top:'600px',
            left:'260px'
          }
        }else if(name=='二级专卖管理师'){
          this.dialogChartsStyle={
            top:'630px',
            left:'260px'
          }
        }else if(name=='三级专卖管理师'){
          this.dialogChartsStyle={
            top:'660px',
            left:'260px'
          }
        }else if(name=='四级专卖管理师'){
          this.dialogChartsStyle={
            top:'690px',
            left:'260px'
          }
        }else {
          this.dialogChartsStyle={
            top:'725px',
            left:'260px'
          }
        }
  
      }
     
    },
    barInit2(id,name) {
      var that = this;

      this.$nextTick(() => {
        let myChart = that.$echarts.init(document.getElementById(id));

        let XData = [];
        let YData = [];
        let barWidth = "18";
        // let yAxisName =name?name:"人数(人)";
        let yAxisName ="人数(人)";
        that.skillLevelData
      if(id=='dia-box'){
        that.teamBmkData.forEach((item)=>{
          XData.push(item?.org_name);
          if(item?.org_name=='安徽')
          
            YData.push(that.personOverviewData.totalNum );
          else
            YData.push(item?.regid_person_total_num);
        })
      }else{
        that.teamBmkData.forEach((item)=>{
          XData.push(item?.org_name);
          if(item?.org_name=='安徽')
            YData.push(name=='一级专卖管理师'?that.skillLevelData[0].num
            :name=='二级专卖管理师'?that.skillLevelData[1].num
            :name=='三级专卖管理师'?that.skillLevelData[2].num
            :name=='四级专卖管理师'?that.skillLevelData[3].num
          :that.skillLevelData[4].num);
          else
            YData.push(name=='一级专卖管理师'?item?.regid_hold_lic_num_1
            :name=='二级专卖管理师'?item?.regid_hold_lic_num_2
            :name=='三级专卖管理师'?item?.regid_hold_lic_num_3
            :name=='四级专卖管理师'?item?.regid_hold_lic_num_4
            :item?.regid_hold_lic_num_5);
        })
      }
      
       
        barWidth = (200 / XData.length).toFixed(0);
        let option = {
          tooltip: {
            show: true,
            trigger: "axis",
          },
  
          grid: {
            left: "10%",
            right: "0",
            top: "20%",
            bottom: "10%",
            containLabel: true,
          },
          xAxis: [
            {
              type: "category",
              data: XData,
              axisPointer: {
                type: "shadow",
              },
              // boundaryGap: false, //让x轴坐标从紧挨着y轴开始
              axisLabel: {
                interval:0,
                formatter: function (value) {
                  return value.split("").join("\n");
                },
              },
              // 坐标轴线
              axisLine: {
                show: false,
                lineStyle: {
                  color: "rgba(255,255,255,0.7)", //X轴字体颜色
                  fontSize: 14,
                },
              },
              axisTick: {
                show: false, //去掉图表横纵坐标轴刻度线
              },
            },
          ],
          yAxis: [
            {
              type: "value",
              name: yAxisName,
              nameTextStyle: {
                color: "rgba(255, 255, 255, 0.5)",
                fontSize: 12,
              },

              // min: 0,
              // max: 40,
              // interval: 50,
              axisLabel: {
                formatter: "{value}",
                textStyle: {
                  color: "rgba(255,255,255,0.7)", //Y轴内容文字颜色
                },
              },
              axisLine: {
                show: true,
                lineStyle: {
                  color: "rgba(66, 164, 255, 0.3)", //y轴
                  type: "solid",
                  // fontSize: '12',
                },
              },
              splitLine: {
                show: true,
                lineStyle: {
                  type: "solid",
                  color: "rgba(66, 164, 255, 0.3)", //里面横着的虚线
                },
              },
            },
          ],
          series: [
            {
              // name: DataName[0],
              type: "bar",
              data: YData,
              barWidth: barWidth,

              // seriesLayoutBy: 'row',
              itemStyle: {
                normal: {
                  //  barBorderRadius: [30, 30, 0, 0],
                  label: {
                    show: true, //开启显示
                    position: "top", //在上方显示
                    textStyle: {
                      //数值样式
                      color: "#fff",
                      fontSize: that.titleMap.level==1?14:8,
                    },
                  },
                  color: {
                    x: 0,
                    y: 0,
                    x2: 1,
                    y2: 1,
                    colorStops: [
                      {
                        offset: 0,
                        color: "rgba(61, 185, 210, 1)",
                      }, //第一顶部颜色
                      {
                        offset: 1,
                        color: "rgba(42, 126, 159, 0.8)",
                      }, //第一底部颜色
                    ],
                  },
                },
              },
            },
          ],
        };
        myChart.showLoading();
        // 初始化地图
        myChart.setOption(option, false);
        myChart.resize();
        myChart.hideLoading();
      });
    },
    timeChangeFn(timeObj) {
      console.log(timeObj, "timeobj------------");
      this.times = timeObj;
      if (this.titleMap.level === 1) {
        this.initData(
          "prov_org_uuid",
          "00000000000000000000000011340001",
          "安徽省",
          "city_org_uuid",
          "city_org_name"
        );
      } else if (this.titleMap.level === 2) {
        this.initData(
          "city_org_uuid",
          this.titleMap.uuid,
          this.titleMap.name,
          "county_org_uuid",
          "county_org_name"
        );
      } else {
        this.initData(
          "county_org_uuid",
          this.titleMap.uuid,
          this.titleMap.name,
          "county_org_uuid",
          "county_org_name"
        );
      }
    },
    isDialog(val) {
      //  if(val == '打私打假'){
      //     unSty={bottom:'330px'}
      //  }else if(val == '')
      this.showLateUncheckPop = !this.showLateUncheckPop;
      let data = this.dData.find(function (data) {
        return data.name === val;
      }).data;
      this.uncheckData = [];
      this.uncheckNum = data.length;
      for (let i = 0; i < data.length; ) {
        this.uncheckData.push({
          val1: data[i++],
          val2: data[i++],
          val3: data[i++],
          val4: data[i++],
          val5: data[i++],
        });
      }
    },
    // 地图返回
    mapBack(index) {
      let that = this;
      that.titleMap.level = index + 1;
      console.log(index, "地图返回试试,");
      if (that.titleMap.level == 1) {
        that.clickArea = [];
        that.titleMap.name = "安徽省";
        that.titleMap.uuid = "00000000000000000000000011340001";
        that.clickArea.push(that.titleMap.name);
        console.log(that.titleMap, "地图返回,");
        that.initData(
          "prov_org_uuid",
          that.titleMap.uuid,
          that.titleMap.name,
          "city_org_uuid",
          "city_org_name",
          that.times
        );
      } else if (that.titleMap.level == 2) {
        console.log(that.titleMap, "返回地市");
        if (that.titleMap.level < that.clickArea.length) that.clickArea.pop();
        if (that.clickArea.length == 4) that.clickArea.pop();
        that.initData(
          "city_org_uuid",
          that.titleMap.uuid,
          that.titleMap.oldName,
          "county_org_uuid",
          "county_org_name",
          that.times
        );
      } else if (that.titleMap.level == 3) {
        if (that.clickArea.length == 4) that.clickArea.pop();
        console.log(that.titleMap, "返回县区");
        that.initData(
          "county_org_uuid",
          that.titleMap.countyUuid,
          that.titleMap.name,
          "county_org_uuid",
          "county_org_name"
        );
      }
    },
    //初始化数据
    initData(columnName, orgUuid, name, columnName2, columnName3) {
      let that = this;

      let limit = 20;
      const req1 = getTotalNum({
        ...that.times,
        columnName,
        orgUuid,
      });
      const req2 = getJobStatData({
        ...that.times,
        columnName,
        orgUuid,
      });
      const req3 = getSkillLevelData({
        ...that.times,
        columnName,
        orgUuid,
      });
      const req4 = getEducatinalInfoData({
        ...that.times,
        columnName,
        orgUuid,
      });
      const req5 = getHonourInfoData({
        ...that.times,
        limit: limit,
        columnName,
        orgUuid,
      });

      const req6 = getSiteInfoData({
        ...that.times,
        columnName,
        orgUuid,
      });
      const req7 = getThemeStatData({
        ...that.times,
        columnName,
        orgUuid,
      });
      const req8 = getCoreTeamData({
        ...that.times,
        columnName,
        orgUuid,
      });
      // const req9 = getDataMap({
        let req9 =null
      if(that.titleMap.level==1){
       req9 = getDataMapCity({
        ...that.times,
        columnName1: columnName,
        columnName2,
        columnName3,
        orgUuid,
      });
      }else if(that.titleMap.level==2){
       req9 = getDataMapCounty({
        // ...that.times,
        columnName,
        orgUuid,
        // columnName1: columnName,
        // columnName2,
        // columnName3,
      });
      }else{
        req9 = getDataMapCounty({
        columnName,
        orgUuid,
      });
      }
     

      const req10 = getExpertLibraryListDjds({
        ...that.times,
        columnName,
        orgUuid,
      });
      const req11 = getExpertLibraryListScjg({
        ...that.times,
        columnName,
        orgUuid,
      });
      const req12 = getExpertLibraryListSjgl({
        ...that.times,
        columnName,
        orgUuid,
      });
      const req13 = getExpertLibraryListZwfw({
        ...that.times,
        columnName,
        orgUuid,
      });
      const req14 = getExpertLibraryListNbjs({
        ...that.times,
        columnName,
        orgUuid,
      });
      const req15 = getExpertLibraryListDwgl({
        ...that.times,
        columnName,
        orgUuid,
      });
      const req16 = getExpertLibraryListJcgl({
        ...that.times,
        columnName,
        orgUuid,
      });
      
      const req17 = getHoldLicRadio({
        ...that.times,
        year:that.times.endDate.split("-")[0],
        month:parseInt(that.times.endDate.split("-")[1])-1,
        columnName,
        orgUuid,
      });
      const req18 = getEvaluateAppointRadio({
        ...that.times,
        year:that.times.endDate.split("-")[0],
        month:parseInt(that.times.endDate.split("-")[1])-1,
        columnName,
        orgUuid,
      });
      let req19 = null
      let req21 = null
      let req22 = null
      let req23 = null
      let req24 = null
      let req25 = null

      if(that.titleMap.level === 1){
       req19 = getTeamBmkData({
        ...that.times,
        year:that.times.endDate.split("-")[0],
        month:parseInt(that.times.endDate.split("-")[1]),
        //month:10,
        columnName,
        orgUuid,
      });
      }else if(that.titleMap.level === 2){
        req19 =  getZmTotalNumBmk({
          ...that.times,
          columnName:'prov_org_uuid',
          columnName2:'city',
        })
        req21 = getSkillLevelBmkData({
          ...that.times,
          columnName:'prov_org_uuid',
          columnName2:'city',
          skillCode:'01',
        })
        req22 = getSkillLevelBmkData({
          ...that.times,
          columnName:'prov_org_uuid',
          columnName2:'city',
          skillCode:'02',
        })
        req23 = getSkillLevelBmkData({
          ...that.times,
          columnName:'prov_org_uuid',
          columnName2:'city',
          skillCode:'03',
        })
        req24 = getSkillLevelBmkData({
          ...that.times,
          columnName:'prov_org_uuid',
          columnName2:'city',
          skillCode:'04',
        })
        req25 = getSkillLevelBmkData({
          ...that.times,
          columnName:'prov_org_uuid',
          columnName2:'city',
          skillCode:'05',
        })
      }else{
        req19 = getZmTotalNumBmk({
         ...that.times,
         columnName:'city_org_uuid',
         columnName2:'county',
         orgUuid:this.titleMap.uuid,
        })
        req21 = getSkillLevelBmkData({
          ...that.times,
         columnName:'city_org_uuid',
         columnName2:'county',
         orgUuid:this.titleMap.uuid,
         skillCode:'01',
        })
        req22 = getSkillLevelBmkData({
          ...that.times,
         columnName:'city_org_uuid',
         columnName2:'county',
         orgUuid:this.titleMap.uuid,
         skillCode:'02',
        })
        req23 = getSkillLevelBmkData({
          ...that.times,
         columnName:'city_org_uuid',
         columnName2:'county',
         orgUuid:this.titleMap.uuid,
         skillCode:'03',
        })
        req24 = getSkillLevelBmkData({
          ...that.times,
         columnName:'city_org_uuid',
         columnName2:'county',
         orgUuid:this.titleMap.uuid,
         skillCode:'04',
        })
        req25 = getSkillLevelBmkData({
          ...that.times,
         columnName:'city_org_uuid',
         columnName2:'county',
         orgUuid:this.titleMap.uuid,
         skillCode:'05',
        })
      }
    
      const req20 = getEquipSum({
        ...that.times,
        columnName,
        orgUuid,
      });
      Promise.all([
        req1,
        req2,
        req3,
        req4,
        req5,
        req6,
        req7,
        req8,
        req9,
        req10,
        req11,
        req12,
        req13,
        req14,
        req15,
        req16,
        req17,
        req18,
        req19,
        req20,
        req21,
        req22,
        req23,
        req24,
        req25,
      ])
        .then(function (results) {
          // 专卖人员总数 todo
          console.log(results[0], "专卖人员总数");

          that.personOverviewData.totalNum =
            results[0].zmTotalNum.data[0].zmPersonTotalNum;
          console.log(that.personOverviewData.totalNum, "专卖人员总数");
          // 岗位分类及占比(此处数据结构有点问题、字段待核对)
          const data1 = results[1];
          console.log(data1, "岗位分类及占比");
          that.personOverviewData.list.forEach((job, i) => {
            job.name = data1.jobStatData.data[i]?.jobName;
            job.radio = data1.jobStatData.data[i]?.proportion;
            job.num = data1.jobStatData.data[i]?.std_num;
          });
          that.personOverviewData.list = that.personOverviewData.list;
          console.log(that.personOverviewData.list, "岗位分类及占比");
          // that.personOverviewData.totalNum =
          //   that.personOverviewData.list.reduce((pre, cur) => pre + cur.num, 0);

          // 技能等级
          const data3 = results[2];

          that.skillLevelData.forEach((skill, index) => {
            if (typeof data3.skillLevelData.data[index] != "undefined") {
              skill.num = data3.skillLevelData.data[index]?.skillNum;
              skill.value = data3.skillLevelData.data[index]?.proportion;
              skill.name = data3.skillLevelData.data[index]?.levelName;
            }
          });

          that.$refs["skillEchart"].echartsInit();
          // 学历情况
          const data4 = results[3];

          console.log(data4, "学历情况");
          that.educationData.forEach((edu, i) => {
            edu.name = data4.educatinalInfoData.data[i]?.bcb_name_alias;
            edu.num = data4.educatinalInfoData.data[i]?.level_num;
            edu.radio = data4.educatinalInfoData.data[i]?.proportion;
          });
          // todo
          that.educationData[3].num =
            that.personOverviewData.totalNum -
            that.educationData[0].num -
            that.educationData[1].num -
            that.educationData[2].num;
          // 荣誉成果
          const data5 = results[4];
          console.log(data5, "荣誉成果");
          that.datahonor = data5.honourInfoData.data;
          // 队伍培训
          const data6 = results[5];
          console.log(data6, "队伍培训");
          // 队伍培训-场次
          that.teamTrainingData.total = data6.siteInfoData.data[0].trainTimes;
          // 队伍培训-时长
          that.teamTrainingData.conList[0].num =
            data6.siteInfoData.data[0].totalDuration;
          // 队伍培训-人次
          that.teamTrainingData.conList[1].num =
            data6.siteInfoData.data[0].totalPersonNums;
          // 培训主题
          const data7 = results[6];
          console.log(data7, "培训主题");
          that.teamTrainingTopicData.nameArr = [];
          that.teamTrainingTopicData.vauleArr = [];
          data7.themeStatData.data.forEach((topic) => {
            that.teamTrainingTopicData.nameArr.push(topic.bcb_name);
            that.teamTrainingTopicData.vauleArr.push(topic.trainTimes);
          });
          that.$refs["teamEchart"].echartsInit();
          // 省级高素能、装备总览暂无数据
          const data8 = results[7];
          console.log(data8, "省级高素能、装备总览暂无数据");

          that.coreTeamData = {
            xData: data8.expert_library_data.data.map((k) => k.lib_name),
            yData: data8.expert_library_data.data.map((k) => k.num),
          };
          //骨干团队
          const data10 = results[9];
          const data11 = results[10];
          const data12 = results[11];
          const data13 = results[12];
          const data14 = results[13];
          const data15 = results[14];
          const data16 = results[15];
          console.log(data3, "技能等级");
          console.log(data10, "打假打私专家列表");
          console.log(data11, "市场监管专家列表");
          console.log(data12, "数据管理专家列表");
          console.log(data13, "政务服务专家列表");
          console.log(data14, "内部监管专家列表");
          console.log(data15, "队伍管理专家列表");
          console.log(data16, "基础管理专家列表");
          that.dData = [];
          that.dData.push({
            name: "打私打假",
            data: data10.expert_library_expert_list.data,
          });
          that.dData.push({
            name: "市场监管",
            data: data11.expert_library_expert_list.data,
          });
          that.dData.push({
            name: "数据管理",
            data: data12.expert_library_expert_list.data,
          });
          that.dData.push({
            name: "政务服务",
            data: data13.expert_library_expert_list.data,
          });
          that.dData.push({
            name: "内部监管",
            data: data14.expert_library_expert_list.data,
          });
          that.dData.push({
            name: "队伍管理",
            data: data15.expert_library_expert_list.data,
          });
          that.dData.push({
            name: "基础管理",
            data: data16.expert_library_expert_list.data,
          });
          console.log(that.dData, "骨干团队下钻");

          that.$nextTick(() => that.$refs["coreTeamEchart"].echartsInit());

          //地图
          const data9 = results[8];
          console.log(data9, "地图数据");
          const mapd = {
            阜阳市: ["颍州区", "颍东区", "颍泉区"],
            宿州市: ["埇桥区"],
            淮北市: ["烈山区", "相山区", "杜集区"],
            蚌埠市: ["淮上区", "龙子湖区", "蚌山区", "禹会区"],
            淮南市: ["谢家集", "八公山", "田家庵", "大通"],
            滁州市: ["南谯区", "琅琊区"],
            六安市: ["裕安区", "金安区"],
            马鞍山市: ["花山区", "雨山区", "博望区"],
            芜湖市: ["鸠江区", "弋江区", "镜湖区"],
            铜陵市: ["郊区", "铜官区"],
            安庆市: ["大观区", "宜秀区", "迎江区"],
          };
          var mapa = [];
          that.data = [];
          console.log(data9.forMap.data, "地图数据");

          data9.forMap.data.map((item) => {
            if (
              item.org_name == "阜阳市烟草专卖局直属分局" ||
              item.org_name == "马鞍山市烟草专卖局钢城分局" ||
              item.org_name == "六安市烟草专卖局皋城分局" ||
              item.org_name == "滁州市烟草专卖局直属分局" ||
              item.org_name == "蚌埠市烟草专卖局直属分局" ||
              item.org_name == "淮北市烟草专卖局直属分局" ||
              item.org_name == "宿州市烟草专卖局直属分局" ||
              item.org_name == "淮南市烟草专卖局谢家集八公山分局" ||
              item.org_name == "芜湖市烟草专卖局直属分局" ||
              item.org_name == "芜湖市烟草专卖局江北分局" ||
              item.org_name == "铜官区烟草专卖局" ||
              item.org_name == "宜城烟草专卖局" ||
              item.org_name == "淮南市烟草专卖局田家庵大通分局"
            ) {
              mapa.push(item);
            } else
              that.data.push(
                Object.assign({}, item, {
                  name:
                    that.titleMap.level != 1
                      ? item.org_name
                          .replace("烟草专卖局", "")
                          .replace("合肥市", "")
                          .replace("淮南市", "")
                          .replace("亳州市", "")
                          .replace("黄山市", "")
                          .replace("芜湖市", "")
                          .replace("安徽省", "")
                          .replace("分局", "区")
                      : item.org_name.replace("烟草专卖局", ""),
                  value: item?.xjNum,
                  value1: item?.xdNum,
                  value2: item?.sjNum,
                  value3: item?.dsNum,
                })
              );
          });
          if (
            that.titleMap.level != 1 &&
            (mapd[that.titleMap.oldName] != null ||
              typeof mapd[that.titleMap.oldName] != "undefined")
          ) {
            mapd[that.titleMap.oldName].forEach((item) => {
              if (that.titleMap.oldName == "淮南市") {
                let k = mapa.find((k2) => k2.org_name.includes(item));
                console.log(k, "地图数据pasdaro");
                that.data.push(
                  Object.assign({}, k, {
                    name: item + "区",
                    value: k?.xjNum,
                    value1: k?.xdNum,
                    value2: k?.sjNum,
                    value3: k?.dsNum,
                  })
                );
              } else if (that.titleMap.oldName == "芜湖市") {
                let k = {};
                if (item == "鸠江区")
                  k = mapa.find((k2) => k2.org_name.includes("江北分局"));
                else k = mapa.find((k2) => k2.org_name.includes("直属分局"));
                console.log(k, "地图数据pasdaro");
                that.data.push(
                  Object.assign({}, k, {
                    name: item,
                    value: k?.xjNum,
                    value1: k?.xdNum,
                    value2: k?.sjNum,
                    value3: k?.dsNum,
                  })
                );
              } else {
                console.log('mapd[0]',mapa[0]);
                that.data.push(
                  Object.assign({}, mapa[0], {
                    name: item,
                    value: mapa[0]?.xjNum,
                    value1: mapa[0]?.xdNum,
                    value2: mapa[0]?.sjNum,
                    value3: mapa[0]?.dsNum,
                  })
                );
              }
            });
          }

          // todo
         /*  that.data.forEach((org) => {
            if (org.name === "合肥市") org.value3 = 19;
            if (org.name === "宜城市") org.value3 = 14;
            if (org.name === "池州市") org.value3 = 9;
            if (org.name === "亳州市") org.value3 = 13;
            if (org.name === "六安市") org.value3 = 16;
            if (org.name === "宿州市") org.value3 = 16;
            if (org.name === "阜阳市") org.value3 = 19;
            if (org.name === "滁州市") org.value3 = 15;
            if (org.name === "黄山市") org.value3 = 8;
            if (org.name === "安庆市") org.value3 = 20;
            if (org.name === "铜陵市") org.value3 = 6;
            if (org.name === "淮北市") org.value3 = 5;
            if (org.name === "马鞍山市") org.value3 = 6;
            if (org.name === "淮南市") org.value3 = 9;
            if (org.name === "蚌埠市") org.value3 = 10;
            if (org.name === "芜湖市") org.value3 = 9;
          }); */
          let addres = that.dataMaps[name];
          if (that.titleMap.level == 1 || that.titleMap.level == 2) {
            addres += "_full.json";
          } else {
            addres += ".json";
          }
          axios
            .get("https://geo.datav.aliyun.com/areas_v3/bound/" + addres)
            .then(function (res) {
              that.dataMap = res.data;

              that.mapCrackDown("centerMap");
              // that.clickArea.push()
            })
            .catch(function (error) {
              console.log(error);
            });

          const data17 = results[16];
          console.log(data17, "holdLicRadio");
          that.listTitle  = data17.holdLicRadio.name;
         
          that.listColumns  = data17.colDef.data.sort((sta,next)=>{
            return sta.colOrder - next.colOrder
          }).map(k=>k.colName)
          
          that.listItems  =data17.holdLicRadio.data.map(k=>{
            return {
              col1:k.ranking,
              col2:k.orgName,
              col3:{per:k.holdLicRadio},
            }
          });
          const data18 = results[17];
          console.log(data18, "evaluateAppointRadio");
          that.listTitle2  = data18.evaluateAppointRadio.name;
         
         that.listColumns2  = data18.colDef.data.sort((sta,next)=>{
           return sta.colOrder - next.colOrder
         }).map(k=>k.colName)
         
         that.listItems2  =data18.evaluateAppointRadio.data.sort((sta,next)=>{
           return sta.ranking - next.ranking
         }).map(k=>{
           return {
             col1:k.ranking,
             col2:k.orgName,
             col3:{per: k.evaluateAppointRadio},
           }
         });

         const data19 = results[18];
         const data21 = results[20];
         const data22 = results[21];
         const data23 = results[22];
         const data24 = results[23];
         const data25 = results[24];

         that.teamBmkData=[]
          console.log(data19,data21,data22,data23,data24,data25,"队伍对标数据");
          if(that.titleMap.level === 1){
            that.teamBmkData=data19.teamBmkData.data;
          }else if(that.titleMap.level === 2){
            data19.zmTotalNumBmk.data.forEach(item=>{
              that.teamBmkData.push({
               org_name:item.city_org_name,
               org_uuid:item.org_uuid,
               regid_person_total_num:item.num,
               regid_hold_lic_num_1:0,
               regid_hold_lic_num_2:0,
               regid_hold_lic_num_3:0,
               regid_hold_lic_num_4:0,
               regid_hold_lic_num_5:0,
              })
            })
            data21.skillLevelBmkData.data.forEach(item=>{
              let k=that.teamBmkData.find(it=>it.org_uuid==item.city_org_uuid)
              if(k) k.regid_hold_lic_num_1=item.num
            })
            data22.skillLevelBmkData.data.forEach(item=>{
              let k=that.teamBmkData.find(it=>it.org_uuid==item.city_org_uuid)
              if(k) k.regid_hold_lic_num_2=item.num
            })
            data23.skillLevelBmkData.data.forEach(item=>{
              let k=that.teamBmkData.find(it=>it.org_uuid==item.city_org_uuid)
              if(k) k.regid_hold_lic_num_3=item.num
            })
            data24.skillLevelBmkData.data.forEach(item=>{
              let k=that.teamBmkData.find(it=>it.org_uuid==item.city_org_uuid)
              if(k) k.regid_hold_lic_num_4=item.num
            })
            data25.skillLevelBmkData.data.forEach(item=>{
              let k=that.teamBmkData.find(it=>it.org_uuid==item.city_org_uuid)
              if(k) k.regid_hold_lic_num_5=item.num
            })
           
          }else if(that.titleMap.level === 3){
            data19.zmTotalNumBmk.data.forEach(item=>{
              that.teamBmkData.push({
               org_name:item.county_org_name,
               org_uuid:item.org_uuid,
               regid_person_total_num:item.num,
              })
            })
            data21.skillLevelBmkData.data.forEach(item=>{
              let k=that.teamBmkData.find(it=>it.org_uuid==item.county_org_uuid)
              if(k) k.regid_hold_lic_num_1=item.num
            })
            data22.skillLevelBmkData.data.forEach(item=>{
              let k=that.teamBmkData.find(it=>it.org_uuid==item.county_org_uuid)
              if(k) k.regid_hold_lic_num_2=item.num
            })
            data23.skillLevelBmkData.data.forEach(item=>{
              let k=that.teamBmkData.find(it=>it.org_uuid==item.county_org_uuid)
              if(k) k.regid_hold_lic_num_3=item.num
            })
            data24.skillLevelBmkData.data.forEach(item=>{
              let k=that.teamBmkData.find(it=>it.org_uuid==item.county_org_uuid)
              if(k) k.regid_hold_lic_num_4=item.num
            })
            data25.skillLevelBmkData.data.forEach(item=>{
              let k=that.teamBmkData.find(it=>it.org_uuid==item.county_org_uuid)
              if(k) k.regid_hold_lic_num_5=item.num
            })
          }


        const data20= results[19]
        console.log(data20, "执法装备");
        that.equipmentLookData.forEach((item)=>{
          item.value= data20[item.code].data[0]?.num ?? 0
        })


        })
        .catch(function (error) {
          console.log(error, "error");
        });

 

    },
    //双击下钻地图
    changeMap(dbArea, name) {
      console.log(dbArea, "双击地图下钻");

      let that = this;
      that.titleMap.name = name;
      that.titleMap.level++;
      if (that.titleMap.level > 3) that.titleMap.level = 3;
      //  this.timer = setInterval(this.getTime, 1000);
      if (that.titleMap.level == 2) {
        that.titleMap.oldName = name;
        that.titleMap.uuid = dbArea.org_uuid;
      }
      console.log(that.titleMap, "下钻地区");
      if (that.clickArea.length < 3) that.clickArea.push(that.titleMap.name);
      if (that.titleMap.level == 2) {
        that.initData(
          "city_org_uuid",
          dbArea.org_uuid,
          name,
          "county_org_uuid",
          "county_org_name"
        );
      } else {
        that.titleMap.countyUuid = dbArea.org_uuid;
        that.initData(
          "county_org_uuid",
          dbArea.org_uuid,
          name,
          "county_org_uuid",
          "county_org_name"
        );
      }
    },
    //下钻地图
    mapCrackDown(id) {
      let that = this;
      let imgUrl = require("../../assets/qjzl/dialogbg.png");
      // let min=that.mapData.sort((a, b) => a.value - b.value)[0].value;
      // let max = that.mapData.sort((a, b) => a.value - b.value)[that.mapData.length-1].value;
      // console.log(min,"min");
      // console.log(max,"max");
      let options = {
        tooltip: {
          show: true,
          backgroundColor: "rgba(0,0,0,0)",
          borderWidth: "0",
          formatter: function (params) {
            var res = "";
            if (params.seriesType != "scatter")
              res = `<div style="min-width:280px;background:url(${imgUrl}) no-repeat;background-size:100% 100%;padding:20px 30px;">
                  <div style="width:100%;margin:0 auto;padding:0 auto;text-align:center;font-size:16px;font-weight:bold;color:#fff;">
                    ${
                      typeof params.data == "undefined"
                        ? params.name
                        : params.data.org_name
                    }
                  </div>
                    ${that.formatterCustom(params.data)}
                </div>`;

            return res;
          },
        },
        //地图背景颜色
        // visualMap: {
        //   left: 'right',
        //   min: min,
        //   max: max,
        //   show: false,
        //   inRange: {
        //     color: [
        //     '#313695',
        //   '#4575b4',
        //   '#74add1',
        //   '#fdae61',
        //   '#f46d43',
        //   '#d73027',
        //   '#a50026'
        //     ]
        //   },
        //   text: ['High', 'Low'],
        //   calculable: true
        // },
        // 地图的阴影底图
        geo: {
          map: "anhui",
          zoom: 1.2,
          top: "15px",
          roam: false,
          layoutCenter: ["50%", "50%"], //位置
          layoutSize: "80%", //大小
          itemStyle: {
            normal: {
              areaColor: {
                type: "radial",
                x: 0.5,
                y: 0.5,
                r: 0.8,
                colorStops: [
                  {
                    offset: 0,
                    color: "#09132c", // 0% 处的颜色
                  },
                  {
                    offset: 1,
                    color: "#274d68", // 100% 处的颜色
                  },
                ],
                globalCoord: true, // 缺省为 false
              },
              borderWidth: 6, //设置外层边框
              borderColor: "rgba(66, 199, 222,1)",
              shadowColor: "rgb(59, 11, 62)",
              shadowOffsetX: 10,
              shadowOffsetY: 11,
            },
          },
        },
        series: [
          {
            type: "map",
            map: "anhui",
            top: "50px",
            // aspectScale: 0.9,
            // layoutCenter: ["50%", "50%"], //地图位置
            // layoutSize: "100%",
            layoutCenter: ["50%", "50%"], //位置
            layoutSize: "80%", //大小
            zoom: 1.2,
            label: {
              normal: {
                show: true,
                fontFamily: "SourceHanSansCN",
                fontSize: "12",
                color: "#FEFEFE",
              },
              emphasis: {
                show: true,
                fontFamily: "SourceHanSansCN",
                fontSize: "12",
                color: "#FEFEFE",
              },
            },
            itemStyle: {
              areaColor: "rgba(5, 107, 158, 1)",
              color: "#2B5890", //地图颜色
              // borderWidth: 2, //分界线wdith
              // borderColor: "#000", //分界线颜色
              borderColor: "rgba(9, 13, 63,1)",
              borderWidth: 1,
              emphasis: {
                show: true,
                areaColor: "#ff7200", //鼠标滑过区域颜色
                label: {
                  show: true,
                  textStyle: {
                    color: "#fff",
                  },
                },
              },
            },
            // zlevel: 1,
            data: that.data,
          },
        ],
      };
      if (that.titleMap.level == 3) {
        axios
          .get(
            "/largescreen/sql/result/get_dept_by_country_uuid_ah_v1/?startDate=2023-01-01&endDate=2023-09-30&lastStartDate=2022-01-01&lastEndDate=2022-09-20&limit=10&orgUuid=" +
              that.titleMap.countyUuid
          )
          .then(function (res) {
            console.log(res);

            that.placeList = [];
            res.data.deptList.data.forEach((item) => {
              that.placeList.push({
                name: item.org_name,
                value: [item.longitude, item.latitude],
                isActive: false,
              });
            });
            options.series.push({
              type: "scatter",
              coordinateSystem: "geo",
              data: that.placeList,
              symbol: function (value, params) {
                // console.log(params.data)
                if (params.data.isActive) {
                  return (
                    "image://" + require("../../assets/common-new/red-top.png")
                  );
                } else {
                  return "image://" + require("../../assets/common-new/ds.png");
                }
              },
              symbolSize: 20, // 图标大小
              label: {
                // emphasis: {
                show: true,
                position: "bottom",
                formatter: "{b}",
                // }
              },
              // itemStyle: {
              // normal: {
              // color: 'yellow' // 图标颜色
              //   }
              // }
            });
            that.$nextTick(() => {
              let myChart = that.$echarts.init(document.getElementById(id));
              that.regionsdata = [];
              that.$echarts.registerMap("anhui", that.dataMap);
              myChart.clear();
              console.log(that.data, "地图下钻数据");
              myChart.setOption(options);
              myChart.resize();
              myChart.off("dblclick");
              myChart.on("dblclick", (data) => {
                if (data.componentSubType === "scatter") {
                  console.log(data, "scatter");
                  if (that.titleMap.level == 3 && that.clickArea.length == 4)
                    that.clickArea.pop();
                  that.clickArea.push(data.name);
                  // that.initData("org_uuid", data.data.uuid,  that.titleMap.name);

                  myChart.setOption(options);
                } else {
                  this.changeMap(data.data, data.name);
                }
              });
            });
          })
          .catch(function (error) {
            console.log(error);
          });
      } else {
        that.$nextTick(() => {
          let myChart = that.$echarts.init(document.getElementById(id));
          if(myChart.getOption()){
            myChart.dispose();
            myChart = that.$echarts.init(document.getElementById(id));
          }
          that.regionsdata = [];
          that.$echarts.registerMap("anhui", that.dataMap);
          myChart.clear();
          console.log(that.data, "地图下钻数据");
          myChart.setOption(options);
          myChart.resize();
          myChart.off("dblclick");
          myChart.on("dblclick", (data) => {
            console.log(data, "lalalall");
            this.changeMap(data.data, data.name);
          });
          myChart.on("mousemove", (param) => {
            if (!param.data) return;
            // that.mapbar("mapbar", param.data);
          });
          tools.loopShowTooltip(
            myChart,
            options,
            {
              loopSeries: true,
            },
            this
          );
        });
      }
    },
    formatterCustom(data) {
      return `<div class="content">

<div class="info siAze">

<span class="infoText">县级局:</span>

<span class="infoNum Qcc">${data?.value || 0}</span>

<span class="infoUnit">个</span>

</div>
        <div class="info siAze">

<span class="infoText ">行动组:</span>

<span class="infoNum Qcc">${data?.value1 || 0}</span>

<span class="infoUnit">个</span>

</div>
        <div class="info siAze">

<span class="infoText">数据组:</span>

<span class="infoNum Qcc">${data?.value2 || 0}</span>

<span class="infoUnit">个</span>

</div>
        <div class="info siAze">

<span class="infoText">所（站）数量:</span>

<span class="infoNum Qcc">${data?.value3 || 0}</span>

<span class="infoUnit">个</span>

</div>

</div>`;
    },
    getTime() {
      const date = new Date();
      const year = date.getFullYear();
      const month = date.getMonth() + 1;
      const day = date.getDate();
      const hour = date.getHours();
      const minute = date.getMinutes();
      const second = date.getSeconds();
      // const str = ''
      // if (this.hour > 12) {
      //     this.hour -= 12;
      //     this.str = " AM";
      // } else {
      //     this.str = " PM";
      // }
      this.month = check(month);
      this.day = check(day);
      this.hour = check(hour);
      this.minute = check(minute);
      this.second = check(second);

      function check(i) {
        const num = i < 10 ? "0" + i : i;
        return num;
      }
      //  this.nowDate = year + "年" + this.month + "月" + this.day + "日";
      this.nowTime =
        year +
        "年" +
        this.month +
        "月" +
        this.day +
        "日 " +
        this.hour +
        ":" +
        this.minute +
        ":" +
        this.second;
    },
  },
};
</script>

<style lang="scss" scoped>
@import "../../assets/scss/qjzl.scss";
.dialogCharts{
  position: absolute;
  background: url(../../assets/dig-bg.png);
  background-size: 100% 100%;
  padding: 15px;
  z-index: 9999;
  pointer-events:none
}
.map-style {
  position: relative;
  .timebg {
    position: absolute;
    right: 0;
    top: 0;
  }
}
::v-deep .siAze {
  margin: 10px;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;

  .Qcc {
    color: rgba(52, 239, 254, 1);
    font-size: 21px;
  }
}

.basic-manage {
  width: 100%;
  display: flex;
}

// 左边头部公共样式
.lm-top {
  width: 470.5px;
  height: 45px;

  background-size: 100% 100%;
  padding-left: 38px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 2px;
  display: flex;
  align-items: center;
  &.person-general-situation-title {
    background: url(../../assets/basicManagement-new/person-general-situation-title.png);
  }
  &.skill-level-title {
    background: url(../../assets/basicManagement-new/skill-level-title.png);
  }
  &.education-situation-title {
    background: url(../../assets/basicManagement-new/education-situation-title.png);
  }
  &.team-train-title {
    background: url(../../assets/basicManagement-new/team-train-title.png);
  }
  &.prov-high-level-team-title {
    background: url(../../assets/basicManagement-new/prov-high-level-team-title.png);
  }
  &.equip-overview-title {
    background: url(../../assets/basicManagement-new/equip-overview-title.png);
  }
  &.honor-result {
    width: 100%;
    background: url(../../assets/basicManagement-new/honor-result-title.png);
  }
}
.late-uncheck-pop {
  position: absolute;

  right: 20px;
  z-index: 100;
  width: 488px;
  height: 170px;
  background: url(../../assets/qjzl-new/new/late-uncheck-pop.png);
  background-size: 100% 100%;
  .content {
    width: 100%;
    height: 170px;
    .title,
    .num {
      width: 100%;
    }
    .title {
      font-size: 14px;
      display: flex;
      height: 30px;
      line-height: 30px;
      div {
        width: 100%;
        text-align: center;
      }
    }
    .num {
      .scroll-box {
        width: 100%;
        height: 110px;
        overflow: hidden;
        margin-top: 10px;
        .item {
          display: flex;

          font-size: 14px;
          div {
            width: 20%;
            text-align: center;
            height: 30px;
            line-height: 30px;
            text-overflow: ellipsis; /* ellipsis:显示省略符号来代表被修剪的文本  string:使用给定的字符串来代表被修剪的文本*/
            white-space: nowrap; /* nowrap:规定段落中的文本不进行换行   */
            overflow: hidden; /*超出部分隐藏*/
          }
        }
      }
    }
  }
}

//公共样式
.po-center-item {
  width: 368px;
  height: 45px;
  // letter-spacing: 1px;
  // display: flex;
  // justify-content: left;
  // align-items: center;
  // box-sizing: border-box;
  margin: 0 auto;
  line-height: 45px;
  // padding-left: 64px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: url(../../assets/basicManagement-new/person-general-situation-data.png);
  // background-size: 100% 100%;
  // background-origin: border-box;

  span {
    font-size: 24px;
    color: #30fcfd;
  }
}

.left-module {
  min-width: 470.5px;
  flex: 1;
  flex-shrink: 0;
  padding: 2px 3px;
  .person-overview {
    width: 100%;
    height: 380px;

    .po-center {
      min-width: 100%;
      height: 330px;
      box-sizing: border-box;
      margin: 0 auto;
      padding: 10px;
      background: url(../../assets/basicManagement-new/person-general-situation-bg.png);
      background-size: 100% 100%;
      background-origin: border-box;
    }
  }

  // 人员和学历公共样式
  .po-center-detail-item {
    display: flex;
    justify-content: center;

    .item {
      height: 65px;
    }
    &.title-margin {
      padding-top: 10px;
    }
  }

  .skill-level {
    width: 100%;
    height: 254px;
    // margin-top: 20px;
    width: 100%;

    .skill-level-main {
      width: 100%;
      height: 200px;
      background: url(../../assets/basicManagement-new/skill-level-bg.png);
      background-size: 100% 100%;
      background-origin: border-box;
    }
  }

  .education {
    width: 100%;
    height: 180px;
    // margin-top: 20px;

    .education-main {
      width: 100%;
      height: 200px;
      margin: 0 auto;
      box-sizing: border-box;
      // padding: 8px 18px;
      // background: url(../../assets/basicManagement-new/education-situation-bg.png);
      // background-size: 100% 100%;
      background-origin: border-box;
    }
  }
}

// 中间
.center-module {
  flex: auto;
  height: 100%;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  overflow: hidden;

  .map-style {
    width: 100%;
    height: 540px;
  }

  // 荣誉成果
  .honor {
    width: 100%;
    height: 280px;

    .honor-main {
      width: 100%;
      height: 348px;
      box-sizing: border-box;
      padding: 20px;
      background: url(../../assets/basicManagement-new/honor-result-bg.png);
      background-size: 100% 100%;
      // background-origin: border-box;
    }
  }
}

// 右边
.right-module {
  width: 495px;
  flex-shrink: 0;

  .team-training {
    width: 100%;

    .team-training-main {
      width: 100%;
      height: 367px;
      box-sizing: border-box;
      padding: 18px;
      background: url(../../assets/basicManagement-new/team-train-bg.png);
      background-size: 100% 100%;
      background-origin: border-box;

      .tt-center-item {
        width: 368px;
        height: 45px;
        background: url(../../assets/basicManagement-new/team-train-data.png);
        background-size: 100% 100%;
        background-origin: border-box;
        // padding-left: 129px;
      }

      .tt-con-list {
        height: 57px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0;
        background: none;
        & > div {
          flex: 1;

          &.item {
            display: flex;
            justify-content: center;
            // align-items: end;
            font-size: 14px;
            color: #fff;

            img {
              width: 20px;
              height: 20;
              margin-right: 7px;
            }

            div {
              font-size: 21px;
              // font-family: Source Han Sans CN;
              font-family: MicrosoftYaHei;
              font-weight: bold;
              color: #34effe;
              padding-left: 9px;
              padding-right: 3px;
            }
          }
        }
      }

      .tt-topic {
        width: 100%;
        height: 26px;
        box-sizing: border-box;
        // padding-left: 22px;
        margin: 10px 0;
        background: url(../../assets/basicManagement-new/train-subject.png);
        background-size: 100% 100%;
        background-origin: border-box;
        display: flex;
        align-items: center;
      }

      .team-training-echart {
        height: 190px;
      }
    }
  }

  .backbone-team {
    margin-top: 0px;

    .backbone-team-main {
      width: 100%;
      height: 180px;
      background: url(../../assets/basicManagement-new/prov-high-level-team-bg.png);
      background-size: 100% 100%;
      background-origin: border-box;
      padding-top: 13px;
    }
  }

  .equipment-look {
    margin-top: 10px;

    .equipment-look-main {
      width: 100%;
      height: 137px;
      // background: url(../../assets/basicManagement-new/el-bg.png);
      // background-size: 100% 100%;
      // background-origin: border-box;

      .elm-item {
        width: 100%;
        display: flex;
        height: 58px;
        box-sizing: border-box;
        // padding: 0 45px;
        align-items: center;
        justify-content: space-around;

        .elm-item-detail {
          flex: 1;
          width: 100%;
          height: 58px;
          background-size: 100% 100%;
          background-origin: border-box;
          box-sizing: border-box;
          display: flex;
          flex-direction: column;
          justify-content: center;
          text-align: center;
          font-size: 14px;
          color: #fff;
          margin-left: 10px;
          b {
            color: #30fcfd;
            padding-right: 5px;
          }
        }
      }
    }
  }
}
</style>
